<template>
    <div
        class="btn"
        :class="{ primary: type == 'primary', large: size == 'large', warning: type == 'warning', danger: type == 'danger' }"
        :title="title"
    >
        <slot></slot>
    </div>
</template>
<script>
import { toRefs } from '@vue/reactivity'
export default {
    props: ['type', 'size', 'title'],
    setup(props, context) {
        const state = props
        return {
            ...toRefs(state)
        }
    },
}
</script>